<template>
  <div class="footer-view">
    <a href="/admin" class="foot-link" target="_blank">后台管理</a>
    <div class="footer-infos"> 苦命打码人 </div>
  </div>
</template>

<script>



  export default {
    // eslint-disable-next-line vue/no-reserved-component-names
    name: 'Footer',
    data() {
      return {};
    },
    methods: {
      
    },
  };
</script>

<style scoped lang="less">
  .z01 {
    height: 200px;
    width: 255px;
  }
  .flex-view {
    display: flex;
  }

  .footer-view {
    max-width: 1108px;
    margin: 0 auto;
    padding: 24px 0 20px 54px;
    text-align: center;

    .foot-link-box {
      display: flex;
      align-items: center;
      overflow: hidden;
      margin: 24px auto 16px;
      justify-content: center;

      .foot-link {
        margin: 0 16px;
        color: #2a4f88;
      }

      a {
        background-color: transparent;
        text-decoration: none;
        color: var(--mid-blue);
      }
    }

    .footer-infos {
      height: 16px;
      line-height: 16px;
      font-size: 12px;
      padding-left: 63px;
      color: #aeaeae;
      margin-top: 16px;
      text-align: center;
    }

    .address {
      text-align: center;
      height: 16px;
      line-height: 16px;
      font-size: 12px;
      color: #aeaeae;
      margin-top: 8px;
    }
  }
</style>
